<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<link rel="stylesheet" type="text/css" href="../../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../../css/sm.min.css">
		<link rel="stylesheet" href="../../css/sm-extend.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/addsub.css">
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
		<script type='text/javascript' src='../../script/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm-extend.min.js' charset='utf-8'></script>
		<link rel="stylesheet" href="../../css/authlistm.css">
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
    <style>
    	 body {
            font-family: "微软雅黑";
        }

        a {
            color: #000;
        }

        a:active, a:link, a:visited, a:hover {
            color: #000;
            text-decoration: none;
        }

        .row {
            margin-left: 0;
            bottom: 0%;
        }

        .list-block {
            margin: 0.5rem 0;
        }
        .list-block .item-media+.item-inner{
            margin-left: 0;
            padding-left: 0.75rem;
        }
        .list-container li{
            border-bottom: 1px solid #ededed;
        }
        .row .col-50{
            margin-top: 6px;
        }
        .imgG{
            width: 88%;
            display: -webkit-box;
            display: -moz-box;
            display: -o-box;
            display: box;
            background: url("../image/jiantou.png") no-repeat right center;
        }
        .list-container li{
            padding: 0 10px;
        }
        .list-block .item-content{
            padding-left: 0rem;
        }
        .item-after{
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            box-align: center;
        }
        .item-after{
            height:57px;
            line-height: 57px;
        }
    </style>
</head>
<body >

<div class="page-group">
    <div class="page">
    	<header class="bar bar-nav" style="width:100%; position: absolute; top:0; z-index: 999;" id="header">

            <a class="icon  pull-left" id="back" style="padding: 0;">
               <!--<img src="../../image/toright.png"/>-->
               <i class="icon iconfont icon-xiangzuo1" style="font-size: 28px;color:#CCCCCC"></i>
            </a>

            <h1 class="title" style="font-family: '微软雅黑';">头条新闻</h1>
        </header>
        <div class="content infinite-scroll infinite-scroll-bottom" data-distance="50">
        <div class="list-block">
             
            <div style="margin-top: 8px;">
                <ul style="width:100%;font-family='微软雅黑';padding-left:0px; background-color:#f8f8f8;">
 
                </ul>
            </div>
          </div>
            <!--&lt;!&ndash; 加载提示符 &ndash;&gt;-->
            <div class="infinite-scroll-preloader">
                <div class="preloader"></div>
            </div>
        </div>
    </div>
</div>
</body>

	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script type="text/javascript" src="news.js"></script>
</html>